import React from "react";
import { View, Image, Text } from "@tarojs/components";
import iconPurpleLevel from "./imgs/icon-level-purple.png";

import "./index.less";
const LEVEL_MAP = {
  purple: {
    img: iconPurpleLevel,
    name: "紫钻",
  },
};
const Level = ({ level }) => {
  return (
    <View className="level">
      <View className="level-icon">
        <Image className="icon-img" src={LEVEL_MAP[level]?.img}></Image>
      </View>
      <View className="level-name">{LEVEL_MAP[level]?.name}圈主</View>
    </View>
  );
};

export default Level;
